@charset "utf-8";
/* 全局样式 */
*{box-sizing: border-box;}
html, body {-webkit-tap-highlight-color: rgba(0,0,0,0);}
*,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding: 0;}
body {width:100%; height:100%; font: 12px/1.8em 'Avenir', Helvetica, Arial, sans-serif,"微软雅黑","Microsoft YaHei";color:#333;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
ul,ol,li{list-style:none;}
img{border:none;}
a{text-decoration:none}
input{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline:none;}
/* type=text input效果 */
input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:-webkit-calc(3em + 2px);height:calc(3em + 2px);margin:0 0 1em;padding:1em;border:1px solid #ccc;border-radius:1.5em;background:#fff;resize:none;outline:0;-webkit-appearance: none;}
input[type=text][required]:focus{border-color:#009688}
input[type=text][required]:focus+label[placeholder]:before{color:#009688}
input[type=text][required]:focus+label[placeholder]:before,input[type=text][required]:valid+label[placeholder]:before{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform:translate(0,-1.5em) scale(.9,.9);-ms-transform:translate(0,-1.5em) scale(.9,.9);transform:translate(0,-1.5em) scale(.9,.9)}
input[type=text][required]:invalid+label[placeholder][alt]:before{content:attr(alt)}
input[type=text][required]+label[placeholder]{display:block;pointer-events:none;height: 2.3em;line-height:1.3em;margin-top:-webkit-calc(-3em - 2px);margin-top:calc(-3em - 2px);margin-bottom:-webkit-calc((3em - 1em) + 2px);margin-bottom:calc((3em - 1em) + 2px)}
input[type=text][required]+label[placeholder]:before{content:attr(placeholder);display:inline-block;margin:0 -webkit-calc(1em + 2px);margin:0 calc(1em + 2px);padding:0 2px;color:#898989;white-space:nowrap;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:-webkit-linear-gradient(top,#fff,#fff);background-image:linear-gradient(to bottom,#fff,#fff);-webkit-background-size:100% 5px;background-size:100% 5px;background-repeat:no-repeat;background-position:center}















